<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组合选择器</title>
</head>
<body>
<div class="one">
    后代选择器
    <p>组合一后代</p>
    <div><p>组合一的鸡鸡</p></div>
</div>
<div class="two">
    子代选择器
    <p>组合二的脑袋 </p>
    <div><p>组合二的身体</p></div>

</div>
<p>挨着我就砍你</p>
<div>相邻兄弟选择器</div>
<p>是兄弟就来砍我</p>
<p>是兄弟就飞上天</p>
<div class="houxu">后续兄弟选择器</div>
<p>你过来呀</p>
<p>我不过来呀</p>
<style>
    .two>p{
       background-color: yellow;
    }
    .one p{
        background-color: green;
    }
    div+p{
        background-color: gray;
    }
    .houxu~p{
        background-color: red;
    }
</style>
</body>
</html>
